.detect-report-component {
  background: #ffffff;
  border-radius: 40rpx 40rpx 0 0;
  .detect-report-header {
    position: relative;
    padding: 40rpx 0 32rpx;
    text-align: center;
    font-size: 32rpx;
    font-weight: bold;
    color: #2c2c2c;
    .header-close {
      position: absolute;
      right: 0;
      top: 0;
      padding: 24rpx;
    }
    .icon-close {
      width: 48rpx;
      height: 48rpx;
    }
  }
  .detect-report-body {
    padding: 0 32rpx 40rpx;
    .base-detect-detail, .other-detect-detail {
      padding: 0 24rpx 24rpx;
      background: linear-gradient(180deg,#fffad6 0%, #fffce8 100%);
      border-radius: 24rpx;
      .base-detect-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 88rpx;
        font-size: 28rpx;
        font-weight: bold;
        color: #2c2c2c;
      }
      .diff-model {
        margin-bottom: 16rpx;
        padding: 16rpx 24rpx;
        font-size: 24rpx;
        color: #e81f20;
        background: #ffeded;
        border-radius: 16rpx;
      }
      .base-detect-scroll {
        padding: 12rpx 24rpx;
        height: 224rpx;
        background: #ffffff;
        border-radius: 16rpx;
        overflow: auto;
        box-sizing: border-box;
        &.only {
          height: 404rpx;
        }
        .detect-item {
          display: flex;
          align-items: center;
          padding: 6rpx 0;
          min-height: 60rpx;
          font-size: 24rpx;
          color: #2c2c2c;
          box-sizing: border-box;
          .fixed {
            flex-shrink: 0;
          }
          .center-line {
            flex: 1;
            min-width: 60rpx;
            margin: 0 16rpx;
            border-bottom: 1px dashed #D7DAE3;
          }
          .right-label {
            display: flex;
            align-items: center;
            .icon-status {
              width: 28rpx;
              height: 28rpx;
            }
            .status-txt {
              margin-left: 8rpx;
              color: #16CA7B;
              &.diff {
                color: #FF7100;
              }
            }
          }
        }
      }
    }
    .other-detect-detail {
      margin-top: 24rpx;
      background: linear-gradient(0deg,#f0faff, #e7f7ff);
    }
  }
  .detect-report-footer {
    position: relative;
    padding: 16rpx 24rpx 48rpx;
    &::before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 1px;
      transform: scaleY(.5);
      background-color: #ECECEC;
    }
    .button {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 88rpx;
      font-size: 32rpx;
      font-weight: bold;
      color: #2C2C2C;
      background-color: #FFE100;
      border-radius: 4rpx;
    }
  }
}
